<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org/">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=initial-scale=1.0">
    <link rel="stylesheet" href="/static/webjars/bootstrap/css/bootstrap.css">
    <title>Requires your action</title>
</head>

<body>
<div class="container">
    <div class="card w-75 mb-3">
        <div class="card-body">
            <h5 class="card-title">Hi <span th:text="${supplierName}"></span> 联系人</h5>
            <p class="card-text">现有以下丹佛斯物料交期需要您确认</p>
            <table class="table table-striped table-hover">
                <thead>
                <tr>
                    <th scope="col">序号</th>
                    <th scope="col">物料号</th>
                    <th scope="col">描述</th>
                    <th scope="col">数量</th>
                    <th scope="col">货期</th>
                </tr>
                </thead>
                <tbody>
                <tr th:each="item, iterStat : ${items}">
                    <th scope="row" th:text="${iterStat.count}">1</th>
                    <td th:text="${item.materialNumber}">Mark</td>
                    <td th:text="${item.description}">Otto</td>
                    <td th:text="${item.quantity}">@mdo</td>
                    <td >@mdo</td>
                </tr>
                </tbody>
            </table>
            <a href="#" class="btn btn-primary">点击这里回复</a>
        </div>
    </div>
</div>
<script th:src="/static/webjars/bootstrap/js/bootstrap.js"></script>
</body>

</html>
